/*****************************/
/*Image editor toolbar*/
.image-editor-toolbar{
	height: 41px;
	background: url(../xWindow/img/statusbar-bg.gif);
	overflow: auto;
	width: 100000px;
}

.image-editor-toolbar .icon{
	float: left;
	width: 25px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	margin-right: 10px;
}
.image-editor-toolbar .icon.disabled{
	filter:alpha(opacity=40); 
	-moz-opacity: 0.4; 
	opacity: 0.4;		
}
.image-editor-toolbar .item{
	float: left;
	background: url(img/toolbar-separator.gif) repeat-y right;
	padding: 12px 0 13px 10px;
	margin-top: 1px;
	height: 14px;
	font-size: 0;
}

.image-editor-toolbar .undo{
	background-image: url(../xIcons/16x16/arrow_undo.png);
}

.image-editor-toolbar .rotate-left{
	background-image: url(../xIcons/16x16/arrow_rotate_anticlockwise.png);
}
.image-editor-toolbar .rotate-right{
	background-image: url(../xIcons/16x16/arrow_rotate_clockwise.png);
}
.image-editor-toolbar .crop-selector{
	background-image: url(img/crop.gif);
}
.image-editor-toolbar .button.crop{
	font-size: 11px;
	margin-right: 10px;
}
.image-editor-toolbar .zoom-minus{
	background-image: url(../xIcons/16x16/magifier_zoom_out.png);
	margin-right: 10px;
}
.image-editor-toolbar .zoom-plus{
	background-image: url(../xIcons/16x16/magnifier_zoom_in.png);
	margin-left: 10px;
}

.image-editor-toolbar select{
	font-size: 11px;
	float: left;
	margin: -2px 10px 0 0;
	_font-size: 10px;
	_margin-top: -4px;
}
.image-editor-toolbar .ui-slider{
	float: left;
	height: 15px;
	width: 100px;
	background: url(img/slider-bg.gif) no-repeat center;
	position: relative;
	cursor: pointer;
	margin: 0;
}
.image-editor-toolbar .ui-slider-handle{
	position: absolute;
	width: 5px;
	height: 17px;
	background: url(img/slider-handle.gif) no-repeat;
	cursor: move;
}


/*****************************/
/*Image editor*/
.image-editor{
	background-color: #ededed;
	padding: 0;
	overflow: hidden;
}
.image-editor.loading{
	background: url(img/loading.gif) no-repeat center;
}

.image-editor .container{
	position: absolute;
	overflow: auto;
}

.image-editor .background{
	position: absolute;
	display: none;
}
.image-editor .overlay{
	position: absolute;
	background-color: #000;
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;		
	display: none;
}
.image-editor .image{
	position: absolute;
}
.image-editor .cropper{
	position: absolute;
	border: 1px dashed #666;
	cursor: move;
	display: none;	
}
.image-editor .cropper div{
	width: 100%;
	height: 100%;
	#background: #000;
	filter:alpha(opacity=0); 
	cursor: move;
}
.image-editor .cropper .ui-resizable-handle{
	position: absolute;
	border: 1px solid black;
	background: none;
	width: 9px;
	height: 9px;
	font-size: 0;
}
.image-editor .cropper .ui-resizable-nw{
	top: -1px;
	left: -1px;
	cursor: nw-resize;
}
.image-editor .cropper .ui-resizable-ne{
	top: -1px;
	right: -1px;
	cursor: ne-resize;
}
.image-editor .cropper .ui-resizable-sw{
	bottom: -1px;
	left: -1px;
	cursor: sw-resize;

}
.image-editor .cropper .ui-resizable-se{
	bottom: -1px;
	right: -1px;
	cursor: se-resize;
}

